<div ng-if="conf.isShow">
<div class="outer-container">
</div>
<div class="inner-conatiner" style="padding-top:0px;">
    <div class="inner-title clearfix">
        <p class="inner-title-left">请选择居住地(最多选 <span ng-bind="conf.maxSelect"></span> 项)</p>
        <p class="inner-title-right"><a class="comp-ok-btn" ng-click="chooseOk()"></a><a class="comp-cancel-btn" ng-click="chooseCancel()"></a></p>
    </div>
    <div class="inner-title-chooseregion clearfix">
        <p class="inner-title-chooseregion-title ">已选居住地</p>
        <a ng-repeat="item in conf.reValue track by $index" ><span ng-bind="item.regionName" ></span>
        	<img style="display:block;float:right;margin-top:7px" src="them/images/compImages/delete-white.png" ng-click="removeCity(item)" alt="移除" /></a>
    </div>
    <div class="inner-title-choose-box">
        <p class="inner-title-choose-box-title">热门城市</p>
        <div class="inner-title-choose-box-content clearfix">
        	
            <p class="inner-title-choose-box-item" ng-repeat="item in HotRegionList track by $index" ng-click="clickHotCitys(item,$index,$event)">

                <a ng-bind="item.isHotName" ></a>
                <div style="position: relative">
                    <div class="choose-city-class2 clearfix" ng-if="showHotAteaList[hotAteaIndex]" >
                    	<p class="title-p" ng-bind="currentSelect.provinceName"></p>
        	    <p>
                        <div class=""  ng-repeat="city in RegionListInCity" ng-bind="city.areaName" ng-click="clickArea(city)">
                            <!-- "-->
                        </div>
                    </div>
                </div>
            </p>
            </p>
        </div>
    </div>
    <div class="inner-title-choose-box">
        <p class="inner-title-choose-box-title">所选省份</p>
        <div class="inner-title-choose-box-content clearfix">
        	<div ng-repeat="item in procvices"  class="inner-title-choose-box-item "  >
            <div   ng-bind="item.provinceName" ng-click="clickProvice($event,item,$index)"></div>
            <div style="position: relative;">
             <div style="position: absolute;left:10px;top:10px;">
                <div class="choose-city-class clearfix" ng-if="showCityList[$index]">
                	<p class="title-p" ng-bind="currentSelect.provinceName"></p>
                	<p>
                    <div   ng-repeat="city in RegionListInProvince"  ng-click="clickCity($event,city,$index)">
                        <div style="position: relative">
                        <a style="color:#6a6ad5"  ng-bind="city.regionName"></a>
                        <div style="position: absolute;left:10px;top:10px;">
                            <div class="choose-city-class2 clearfix" ng-show="showAteaList[$index]">
                            	<p class="title-p" ng-bind="currentSelect.regionName"></p>
                            	<p>
                                <div class=""  ng-repeat="city in RegionListInCity" ng-bind="city.areaName" ng-click="clickArea(city)"> 
                                
                                </div>
                                </p>
                            </div>
                        </div>
                        </div>
                    </div>
                    </p>
                </div>
            </div>
            </div>
            
            </div>
        </div>
    </div>
</div>
</div>
<style>
    .inner-title ,.inner-title-chooseregion,.inner-title-choose-box-title,.inner-title-choose-box-content{
        padding-left:15px;
    }
    .outer-container{
        position: fixed;
        top:0;
        left: 0;
        opacity: 0.5;
        width:100%;
        height:100%;
        background: #000;
        z-index: 3004;
    }
    .inner-conatiner{
        position: fixed;
        top: 100px;
        left: 200px;
        width: 790px;
        height: 310px;
        background: #fff;
        opacity: 1;
        z-index: 3004;
        font-size: 14px;
        color: #000;
        padding: 0px 0px 30px 0px;
        box-shadow: 0px 0px 2px #000;
        border-radius: 1px;
    }
    .inner-title{
        height: 30px;
        line-height: 25px;
        font-size: 14px;
        color: #000;
        background: #fff;
        /* box-shadow: 0px 2px 5px #888888; */
        border-bottom: 2px solid #ddd;
    }

    .inner-title-left{
        float:left;
    }
    .inner-title-right{
        float:right;
    }
    .inner-title-right>a{
        float:left;
        display: block;
        width:20px;
        height:20px;
        cursor: pointer;
    }
    .comp-ok-btn{
        background:url("them/images/compImages/comp-ok-btn.png")no-repeat;
    }
    .comp-cancel-btn{
        background:url("them/images/compImages/comp-cancel-btn.png")no-repeat;
    }

    .inner-title-chooseregion{
        height:30px;
        line-height: 30px;
        /*width:100%;*/
        background:#F7F7F7;
        /*box-shadow: 0px 2px #ddd;*/
        border-bottom: 2px solid #fff;
    }
    .inner-title-chooseregion-title{
        float:left;
        height: 30px;
        line-height: 30px;
    }
    .inner-title-chooseregion-content{
        width:100%;
        height:100px;
    }
    .inner-title-chooseregion>a{
        line-height: 30px;
        margin-left:15px;
        padding-left:5px;
        padding-right:5px;
        background:#00AAFE;
        color:#fff;
        display: block;
        float: left;
        /*background: url("them/images/compImages/delete-white.png")no-repeat;*/
    }
    .inner-title-choose-box-title{
        height:30px;
        line-height: 30px;
        /*width:100%;*/
        background:#F7F7F7;
        color:#00AAFE;
        box-shadow: 0px 2px #ddd;
    }
    .inner-title-choose-box-content{
        width:100%;
        padding-top:10px;
        min-height:80px;
    }
    .inner-title-choose-box-item{
        display: block;
    padding-left: 5px;
    padding-right: 5px;
    float: left;
    height: 20px;
    line-height: 20px;
    font-size: 12px;
    text-align: left;
    margin-left: 30px;
    cursor: pointer;
    color: #000;
    }
    .choose-city-class{
        position: absolute;
        top: 10px;
        left: 10px;;
        padding: 5px 10px 10px 10px;
        width: 250px;
        min-height:150px;
        background:#F7F7F7;
        border: 1px solid #ddd;
    }
    .choose-city-class>div, .choose-city-class2>div{
        /*display: block;*/
        padding-left: 5px;
        padding-right: 5px;
        margin-right:15px;
        float:left;
        color:#6a6ad5;

    }
    .choose-city-class2{
        position: absolute;
        top: 10px;
        left: 10px;;
        padding: 5px 10px 10px 10px;
        width: 250px;
        min-height:150px;
        z-index: 1;
        background:#F7F7F7;
        border: 1px solid #ddd;
    }
    .title-p{
     	padding-left: 5px;
    	color: #6a6ad5;
    }
</style>